<!doctype html><!--声明文档类型为html-->
<html><!--根标签 超文本标记语言-->
<!--99%是双标签 -->
	<head><!--头部 不可视化标签-->
		<meta charset="UTF-8"><!--utf-8 :国际编码-->
		<!--网页三要素-->
		<title>列表标签-朱雀老师</title>
	    <meta name="Keywords" content="认真上课"><!--关键词-->
		<meta name="Description" content="描述">
		<!--style里面的注释方式 /* */-->
		<style type="text/css" >
			
			/*内部样式*/
			/*样式由选择器和声明组成*/
			/*选择器-选择到文档中的标签*/
			/*{}大括号包裹的区域 叫声明块*/
			/*声明 属性 和属性值*/
			/*属性和属性值之间用冒号  结束用分号*/
			/* 属性是固定的，值是可变的 */
			/*属性它可以有多个值*/
			/*一条声明写完了 换行写*/
			/*遵循从上往下 从外往内*/
			
			p{
				color:red;
				/* width:300px;
				height:200px; */

			}
			ul{
				/* list-style-type:none; */
				/* list-style:none; */

			}
			ol{
				list-style:none;
			}

		</style>
	</head>

	<body> <!--身体:网页的内容.可视化标签-->
		<p style="border:1px solid red;"> <span></span>我爱你们</p>
		<!--
			写在标签内的样式 行内样式
			不利于后期维护
		-->
		<ul><!-- 无序列表 type='square' 实心圆disc  空心圆circle square方形-->
			<li>
				呵护
				<ul>
					<li>呵护</li>
					<li>呵护</li>
					<li>呵护</li>
				</ul>
			</li>
			<li>光龙</li>
			<li>小可爱</li>
			<li>紫金丹</li>
		</ul>
		<!--
			ul li 父子级关系，而且 他们中间 没有第三者，不能插入其他元素
			ul 里面只有li 并且一定要有 
			li 里面能放任意元素 除了自己
			ol li 性质同上
		-->
		<ol ><!-- 有序列表type='a'  1 A I i-->
			<li>小胖子</li>
			<li>红尘</li>
			<li>幻寒枫</li>
			<li>犀利哥</li>
		</ol>
		<!--
			自定义列表
			dl 父亲  dt列表名 dd列表项 儿子 
			一个dt 一个dd
			多个dt 一个dd
			一个dt 多个dd
			多个dt 多个dd
		-->
		<dl> 
			<dt>玄武</dt>
			<dt>北方之神</dt>
			<dd>玄武是中国古代神话中的天之四灵之一，源于远古星宿崇拜，是代表颛顼与北方七宿的北方之神</dd>

			<dt>朱雀</dt>
			<dd> 朱雀是中国古代神话中的天之四灵之一,源于远古星宿崇拜,是代表炎帝与南方七宿的南方之神,</dd>
			<dd>
				57期小宝宝们的主讲老师
			</dd>

			<dt>白虎</dt>
			<dd>白虎是中国古代神话中的天之四灵之一，源于远古星宿崇拜，是代表少昊与西方七宿的西方之神</dd>

			<dt>青龙</dt>
			<dd>青龙是中国古代神话中的天之四灵之一，源于远古星宿崇拜，是代表太昊与东方七宿的东方之神</dd>
		</dl>

	</body>
</html>


